<template>
  <div class="basics-nav-bar">
    <van-nav-bar
      :title="title"
      left-arrow
      @click-left="onClickLeft"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {
    onClickLeft () {
      this.$emit('onClickLeft')
    }
  },
  props: {
    title: String
  }
};
</script>

<style lang='less'>
  .basics-nav-bar {
    .van-nav-bar  {
      .van-nav-bar__left {
        i {
          font-size: 18px;
          color: #353535;
        }
      }
      .van-nav-bar__title {
        font-weight: 700;
      }
    }
  }
</style>